<!DOCTYPE html>
<html lang="zh-CN">
	<head>
	<meta charset="UTF-8">
	<title>趣词</title>
	<link rel="shortcut icon" href="http://douban.fm/favicon.ico" type="image/x-icon">
	<!--
	<link href="http://img3.douban.com/css/packed_core2701994603.css" rel="stylesheet" type="text/css">
	-->
	<style>
		body {
		    font: 12px/1.6 arial,helvetica,sans-serif;
		}
		#fm-bg {
			
		    background: none repeat scroll 0 0 #DCDCDC;
		    height: 350px;
		    left: 0;
		    position: absolute;
		    top: 170px;
		    width: 100%;
		    z-index: -2;
		}
		#fm-section {
		    height: 100%;
		    margin: 0 auto;
		    min-height: 600px;
		    padding-top: 5px;
		    position: relative;
		    width: 940px;
		}
		
		#fm-card {
		    position: absolute;
		    left: 0;
		    top: 110px;
		    z-index: 30;
			box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
			background: none repeat scroll 0 0 #F5FFC2;
			height: 245px;
		    overflow: hidden;
		    width: 450px;
			padding: 15px 15px 15px 15px;
		}
		.topnav em{
			font-weight:800;
			margin-right: 10px;
			font-style: normal;
		}
		.topnav {
		    color: #666666;
		    margin-bottom: 50px;
		    position: relative;
		    text-align: right;
		    z-index: 10;
			padding: 9px 24px 3px 10px;
			text-decoration: none;
			
		}
		.topnav a:link, .topnav a:visited{
			color: #666666;
			background-color: #EBEBED;
			text-align:center;
			text-decoration: none;
		}
		.topnav a:hover{
			color: #666666;
			background-color: #DFDFDF;
			text-align:center;
			text-decoration: none;
		}
	    #fm-board{
		 	display: block;
		    margin-left: 20px;
		    width: 200px;
			position: relative;
			left:450px;
			height: 245px;
		}
		#fm-menu{
		  	position: absolute;		
			left:0;
		    top: 365px;
			margin-left: 20px;
			margin-top: 50px;
	
		}
		
		#fm-show-next{
		  	position: relative;
			
			left: 40%;
		    top: 60%;
	
		}
		#fm-shoucang{
		  	position: relative;
			left:33%;
		    top: 75%;
			background: none repeat scroll 0 0 #C5CDC8;
			color:#616261;
			cursor: pointer;
			width:70px;
			height:25px;
			text-align:center;
		}
		
	
		
		a.show_next{
			
			background: url(".//image//show-next.gif") no-repeat scroll 0 0 transparent;
			cursor: pointer;
		    display: block;
		    height: 49px;
			border:0;
		}
		a.show_next:hover {
			background-position:0 -50px;
		}
		
		a.menu{
			
			background: none repeat scroll 0 0 #C5CDC8;
			color:#616261;
			cursor: pointer;
			width:80px;
			height:25px;
			text-align:center;
			text-decoration: none;
		}
		.word_name {
		    color: #000000;
		    font-size: 28px;
		    font-weight: bold;
		}
		.word_phonetic{
			font-family: "lucida sans unicode",sans-serif;
			font-weight: bold;
			font-size: 14px;
			color: #7B7D80;
		}
		.ec_mean {
		    display: inline-block;
		    line-height: 21px;
		    margin-bottom: 5px;
		    margin-right: 1em;
		    overflow: hidden;
		    word-wrap: break-word;
		}
		
	</style>
	<script type="text/javascript"></script>
	</head>
	<body>
		<div id="fm-bg" style="margin-top: 0px;"></div>
		<div id="fm-section" style="margin-top: 0px;">
			<div class="topnav">
				<em>corleone1969</em>
				<a target="_blank" href="#">登录</a>
				<a target="_blank" href="#">马上注册</a>
			</div>
			<div id="fm-card" width="540" height="345" >
				<div class="word_name">apple</div>
				<div class="word_phonetic">[ˈæpəl]</div>
				<div class="word_mean">
					<span class="ec_mean">苹果; 苹果树</span>
					<span class="ec_mean">[美国英语]【保龄球】坏球，无效球</span>
					<span class="ec_mean">[the Apple][美国口语]“大苹果”城(指纽约市)</span>
				</div>
				
			</div>
			<div id="fm-board"> 
				<div id="fm-show-next">
					<a href="#" class="show_next">
					
					</a>
				</div>
				<div id="fm-shoucang">
					<strong>收藏</strong>
				</div>
				
			</div>
			<div id="fm-menu" width="540" height="80" >
				<a href="#" class="menu"><strong>普通模式</strong></a>
				<a href="#" class="menu"><strong>仅显示收藏</strong></a>
			</div>
		</div>
		
	</body>
</html>